<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人中心</title>

		<link rel="stylesheet" href="__PUBLIC__/HOME/Amaze-ui/assets/css/amazeui.min.css">
		<link rel="stylesheet" href="__PUBLIC__/HOME/Amaze-ui/assets/css/app.css">
		<!--include the components you need-->
		<link rel="stylesheet" href="__PUBLIC__/HOME/css/style.css" />
		<style>
			.header-div {
				height: 600px;
			}
		</style>
	</head>

	<body style="background-color: #cecece;">

		<div class="header-div">
			<div class="header-div-topDiv">
				<img class="header-div-topDiv-HeadPortrait" src="" />
				<div class="header-div-topDiv-UserName">Monologue</div>
				<div class="header-div-topDiv-Button">购物车</div>
			</div>
			<div class="header-div-ContentDiv">
				<div id="indicatorContainer">

				</div>
				<div class="header-div-ContentDiv-vip" style="position:absolute;left:300px;top:0 ;height: 390px;width: 390px;line-height: 250px;font-size: 120px;">vip0</div>
				<div class="header-div-ContentDiv-vip" style="position:absolute;left:300px;top:10px ;height: 390px;width: 390px;line-height: 480px;font-size: 50px;">27/600</div>
			</div>
			<div class="header-div-FooterDiv">
				距离vip1还差600点成长值
			</div>
		</div>
		<div class="content-div">
			<div class="content-div-div">
				<div class="content-div-div-TopDiv">
					<div class="content-div-div-TopDiv-LeftDiv">订单</div>
					<div class="content-div-div-TopDiv-RightDiv">按类型查看</div>
				</div>
				<div class="content-div-div-FooterDiv">
					<div class="content-div-div-FooterDiv-Div">全部</div>
					<div class="content-div-div-FooterDiv-Div">已付款</div>
					<div class="content-div-div-FooterDiv-Div">待付款</div>
					<div class="content-div-div-FooterDiv-Div">带评价</div>
				</div>
			</div>
			<div class="content-div-div">
				<div class="content-div-div-TopDiv">
					<div class="content-div-div-TopDiv-LeftDiv">资产</div>
					<div class="content-div-div-TopDiv-RightDiv"></div>
				</div>
				<div class="content-div-div-FooterDiv">
					<div class="content-div-div-FooterDiv-Div" style="width: 33%;">余额</div>
					<div class="content-div-div-FooterDiv-Div"style="width: 33%;">积分</div>
					<div class="content-div-div-FooterDiv-Div"style="width: 33%;">优惠券</div>
				</div>
			</div>
			<div class="content-div-div">
				<div class="content-div-div-TopDiv">
					<div class="content-div-div-TopDiv-LeftDiv">信息</div>
					<div class="content-div-div-TopDiv-RightDiv"></div>
				</div>
				<div class="content-div-div-FooterDiv">
					<div class="content-div-div-FooterDiv-Div"style="width: 33%;">收获地址</div>
					<div class="content-div-div-FooterDiv-Div"style="width: 33%;">收藏</div>
					<div class="content-div-div-FooterDiv-Div"style="width: 33%;">设置</div>
				</div>
			</div>
		</div>
		<div class="footer-div">
			<div class="footer-div-div">首页</div>
			<div class="footer-div-div">购物车</div>
			<div class="footer-div-div">个人中心</div>
			<div class="footer-div-div" style="border-right: 0px solid;">联系我们</div>
		</div>
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="__PUBLIC__/HOME/Amaze-ui/assets/js/jquery.min.js"></script>
		<!--<![endif]-->
		<script src="__PUBLIC__/HOME/Amaze-ui/assets/js/amazeui.min.js"></script>
		<script src="__PUBLIC__/HOME/js/radialIndicator.js"></script>
		<script>
			$('#indicatorContainer').radialIndicator({
				showPercentage: false, // option
				radius: 187, //半径
				barBgColor: '#000000', //进度条底色
				barColor: '#00bfff', //进度条颜色
				displayNumber: false, //中间是否显示百分比
				initValue: 20, //圆形进度条初始值
			});
		</script>
		<!-- <script src="__PUBLIC__/HOME/js/demo.js"></script>-->
	</body>

</html>